<script  setup>
import {
  Document,
  Menu as IconMenu,
  Location,
  Setting,
} from '@element-plus/icons-vue'
const handleOpen = (key, keyPath) => {
  console.log(key, keyPath)
}
const handleClose = (key, keyPath) => {
  console.log(key, keyPath)
}
</script>
<template>
    <div class="adminhome">
        <div class="common-layout">
            <el-container>
                <el-header>
                    <h1>唯品会后台管理系统</h1>
                </el-header>
                <el-container>
                    <el-aside width="200px">
                        <!-- 菜单开始 -->
                        <el-menu active-text-color="#ffd04b" background-color="#545c64" class="搜索"
                            default-active="1" text-color="#fff" @open="handleOpen" @close="handleClose">
                            <el-menu-item index="1">
                                <el-icon><icon-menu /></el-icon>
                                <span @click="$router.push('/admin/goods')">商品管理</span>
                            </el-menu-item>
                            <el-menu-item index="2">
                                <el-icon><icon-menu /></el-icon>
                                <span @click="$router.push('/admin/user')">用户管理</span>
                            </el-menu-item>
                            <el-menu-item index="3">
                                <el-icon><icon-menu /></el-icon>
                                <span @click="$router.push('/admin/order')">订单管理</span>
                            </el-menu-item>
                          
                         
                        </el-menu>


                        <!-- 菜单结束 -->
                    </el-aside>
                    <el-main>
                        <!-- 嵌套路由视图 -->
                        <router-view></router-view>
                    </el-main>
                </el-container>
            </el-container>
        </div>
    </div>
</template>
<style scoped lang="scss">
.el-aside{
    height: 100vh;
}
.el-menu{
    height: 100vh;
}
</style>